<ion-header>
  <ion-toolbar>
    <ion-title>
      首页
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  
  <ion-grid>
    <ion-row class="stationList">
  
      <ion-col class="lists" *ngFor='let item of datas' (click)="selectStation(item.stationid)">
        <div>
            <ion-icon *ngIf='item.stationState==0' class="normal" name="checkmark-circle"></ion-icon>
            <ion-icon *ngIf='item.stationState!=0' class="warn" name="close-circle"></ion-icon>
        </div>
        <div class="lis">
            <ion-text *ngIf='item.stationState==0' >正常</ion-text>
            <ion-text *ngIf='item.stationState==1' >遥测终端故障</ion-text>
            <ion-text *ngIf='item.stationState==2' >传感器故障</ion-text>
            <ion-text *ngIf='item.stationState==3' >电池欠压（电压小于11.5）</ion-text>
        </div>
        <ion-text class="lis">{{item.stationName}}<br>{{item.stationid}}</ion-text>
        <ion-text class="lis">{{item.currentFlow==null?'-':item.currentFlow}}</ion-text>
      </ion-col>
    </ion-row>
  </ion-grid>

  <ion-slides pager >
      <ion-slide class="mySlide" >
          <div  #echarts  class="div-charts"></div>
      </ion-slide>
      <ion-slide class="mySlide" >
          <div  #echarts1  class="div-charts"></div>
      </ion-slide>
      <ion-slide class="mySlide" >
          <div  #echarts2  class="div-charts"></div>
      </ion-slide>
  </ion-slides>

</ion-content>
